<template>
  <!-- <div>{{ msg }}</div> -->
  <div>
    <!-- Main Wrapper -->
    <div class="main-wrapper">
      <!-- Header -->
      <div class="header">
        <!-- Logo -->
        <div class="header-left">
          <a href="index.html" class="logo">
            <img src="../assets/img/logo.png" alt="Logo" />
          </a>
          <a href="index.html" class="logo logo-small">
            <img
              src="../assets/img/logo-small.png"
              alt="Logo"
              width="30"
              height="30"
            />
          </a>
        </div>
        <!-- /Logo -->
        <a href="javascript:void(0);" id="toggle_btn">
          <i class="fas fa-bars"></i>
        </a>
        <div class="top-nav-search">
          <form>
            <input type="text" class="form-control" placeholder="Search here" />
            <button class="btn" type="submit">
              <i class="fa fa-search"></i>
            </button>
          </form>
        </div>
        <!-- Mobile Menu Toggle -->
        <a class="mobile_btn" id="mobile_btn"> <i class="fas fa-bars"></i> </a>
        <!-- /Mobile Menu Toggle -->
        <!-- Header Right Menu -->
        <ul class="nav user-menu">
          <!-- Flag -->
          <li class="nav-item dropdown has-arrow flag-nav mr-2">
            <a
              class="nav-link dropdown-toggle"
              data-toggle="dropdown"
              href="#"
              role="button"
            >
              <img
                src="../assets/img/flags/us-1.png"
                alt=""
                width="32"
                height="32"
                class="rounded-circle"
              />
            </a>
            <div class="dropdown-menu dropdown-menu-right">
              <a href="javascript:void(0);" class="dropdown-item">
                <img src="../assets/img/flags/us.png" alt="" height="16" /> English
              </a>
              <a href="javascript:void(0);" class="dropdown-item">
                <img src="../assets/img/flags/fr.png" alt="" height="16" /> French
              </a>
              <a href="javascript:void(0);" class="dropdown-item">
                <img src="../assets/img/flags/es.png" alt="" height="16" /> Spanish
              </a>
              <a href="javascript:void(0);" class="dropdown-item">
                <img src="../assets/img/flags/de.png" alt="" height="16" /> German
              </a>
            </div>
          </li>
          <!-- /Flag -->
          <!-- Notifications -->
          <li class="nav-item dropdown">
            <a href="#" class="nav-link notifications-item">
              <i class="feather-bell"></i>
              <span class="badge badge-pill">3</span>
            </a>
          </li>
          <!-- /Notifications -->
          <!-- Chat -->
          <li class="nav-item dropdown">
            <a href="chat.html" class="dropdown-toggle nav-link chat-header">
              <i class="feather-message-square"></i>
              <span class="badge badge-pill header-chat">6</span>
            </a>
          </li>
          <!-- /Chat -->
          <li class="nav-item dropdown has-arrow main-drop ml-md-3">
            <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
              <span class="user-img"
                ><img src="../assets/img/avatar.jpg" alt="" />
                <span class="status online"></span
              ></span>
            </a>
            <div class="dropdown-menu">
              <a class="dropdown-item" href="profile.html"
                ><i class="feather-user"></i> My Profile</a
              >
              <a class="dropdown-item" href="login.html"
                ><i class="feather-power"></i> Logout</a
              >
            </div>
          </li>
        </ul>
        <!-- /Header Right Menu -->
      </div>
      <!-- /Header -->

      <!-- Sidebar -->
      <div class="sidebar" id="sidebar">
        <div class="sidebar-inner slimscroll">
          <div id="sidebar-menu" class="sidebar-menu">
            <ul>
              <li class="menu-title"><span>Main</span></li>
              <li class="active">
                <a @click="jixiao"><i class="feather-list"></i><span class="shape1"></span
                  ><span class="shape2"></span> <span>医生绩效配置</span></a
                >
              </li>
              <li class="submenu">
                <a href="#"
                  ><i class="feather-grid"></i> <span>设备管理</span>
                  <span class="menu-arrow"></span
                ></a>
                <ul>
                  <li style="color:#ffff" @click="fenlei"><a >新增分类</a></li>
                  <li style="color:#ffff" @click="shebei"><a >新增设备</a></li>
                </ul>
              </li>
              <li style="color:#ffff" @click="yygzt"><a ><i class="feather-user"></i> <span>预约工作台</span></a>
							</li>
              <li style="color:#ffff" @click="rzsh"><a ><i class="feather-home"></i><span>认证审核</span></a>
							</li>
              <li style="color:#ffff" @click="myyy"><a><i class="feather-user"></i> <span>我的预约</span></a>
							</li>
              <li style="color:#ffff" @click="myrenzheng"><a><i class="feather-calendar"></i> <span>我的认证</span></a>
							</li>
              <li class="submenu">
                <a href="#"
                  ><i class="feather-grid"></i> <span>设备</span>
                  <span class="menu-arrow"></span
                ></a>
                <ul>
                  <li style="color:#ffff" @click="czrz"><a >操作日志</a></li>
                  <li style="color:#ffff" @click="zhgl"><a >账号管理</a></li>
                  <li style="color:#ffff" @click="password"><a >修改密码</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- /Sidebar -->

      <!-- Page Wrapper -->
      <div class="page-wrapper">
        <div class="content container-fluid">
          <div class="row">
            <div class="col-sm-12">
              <div class="card">
                <div class="card-body">
                  <div class="con">
                    <div class="con_title">
                      <div id="title_div0" :class="select==1?'active':''" @click="dianji(1)">认证流程及提交</div>
                      <div id="title_div1" :class="select==2?'active':''" @click="dianji(2)">目的和意义</div>
                      <div id="title_div2" :class="select==3?'active':''" @click="dianji(3)">标准版认证标准</div>
                      <div id="title_div3" :class="select==4?'active':''" @click="dianji(4)">基层版下载</div>
                      <div id="title_div4" :class="select==5?'active':''" @click="dianji(5)">流程图下载</div>
                    </div>
                  </div>
                  <div class="text" v-if="select===1">
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证流程</div>
                    </div>
                    <div>
                      <div>一、认证注册</div>
                      <div>1.医院联系人登录中国心衰中心网进行注册登记</div>
                      <div>（1）填写注册信息</div>
                      <div>（2）上传医院《医疗机构执业许可证》</div>
                      <div>2.心衰中心收到机构注册信息后，工作人员与医院联系人电话联系，确认医院注册信息无误后通过注册审核。</div>
                    </div>
                    <div>
                      <div>二、启动建设</div>
                      <div>3.激活填报平台：注册审核通过的单位，系统将自动提醒单位尽快激活中国心衰中心数据填报平台,单位可凭机构注册时的登录名称及密码登录中国心衰中心数据填报平台。</div>
                      <div>4.机构规范化管理数据填报平台：</div>
                      <div>①管理员在人员管理中添加填报员，审核员及归档员</div>
                      <div>②做好心衰数据的录入，审核，归档工作；</div>
                      <div>③根据医院的实际情况上传全部认证材料 。</div>
                      <div>5.医院按照规范化流程建设心衰中心，满足以下条款可申请心衰中心认证:</div>
                      <div>（1）医院成立心衰中心组织架构，实际运行3-6个月以上；</div>
                      <div>（2）规范了心衰中心建设的主要环节；</div>
                      <div>（3）院内流程进行了优化，制定了心衰中心管理制度；</div>
                      <div>（4）针对基层转诊医院、社区医院进行培训，共同建立区域协同体系；</div>
                      <div>（5）已启用“中国心衰中心数据填报平台”，并持续填报数据满 6 个月。</div>
                    </div>
                    <div>
                      <div>三、认证申请</div>
                      <div>6.医院管理员登录中国心衰中心网，对照中国心衰中心认证标准的条件进行在线自评（先选择认证类型“标准版/基层版”）。若全部满足要求，网站将提示上传医院全力支持心衰中心认证的承诺函（加盖医院公章）和任命书，
                              并提交正式申请认证！如部分条款不符合或暂时未达到认证要求，请完善心衰中心建设后拟申请下批认证。</div>
                      <div>7.心衰中心收到承诺函后，认证办公室将审核单位提交的证明材料，如果符合条件，双方达成参与认证的意向后，心衰中心分配给医院一个认证申请编号，开始正式认证工作。</div>
                      <div>证明材料如下：（1）医院成立心衰中心的文件 （2）心衰中心建设承诺函</div>
                      <div>8.通过正式申请认证的单位名单会在中国心衰中心网站及微信平台上公布，并邮件通知申请单位。</div>
                      <div>9.通过正式申请认证的单位，进入到本批次认证中。认证办公室将组织认证强化培训会，培训会通知及会议议程和本次认证工作流程与时间安排会在中心衰中心网上发布。</div>
                      <div>10.申请单位继续完善填报平台上的心衰数据及上传心衰建设材料，在建设材料上传完成后，申请材料初审。</div>
                    </div>
                    <div>
                      <div>四、材料初审</div>
                      <div>11.心衰中心办公室将对材料进行初审并给予反馈意见，申请单位收到反馈意见后根据提出的问题进行修改或补充。</div>
                      <div>12.办公室再次复审材料，如果材料形式审查符合认证要求，进入专家网审环节。如果材料不符合认证要求，则无法参加本批次认证。</div>
                    </div>
                    <div>
                      <div>五、专家审核</div>
                      <div>13.认证工作委员会的三名专家对认证材料进行在线材料审核。并作出以下二种结论之一：①基本符合认证标准，同意进行现场核查；②不符合认证基本条件。</div>
                      <div>并填写必要的文字反馈。</div>
                      <div>两名或两名以上专家认为基本符合认证标准时则启动现场核查程序。两名以上给出不符合认证基本条件结论，则通知申请单位中止此次认证，整改后建议申请下一批认证。</div>
                      <div>请申请单位根据专家网审建议进一步完善材料，将所有的认证材料整理成册，并在页码栏填写反映此条款在证明材料位置的页码，便于专家翻阅。在截止时间之前，</div>
                      <div>将word文档以邮件形式发送至心衰中心网站的专用认证邮箱（chfc@ccahouse.org），并将“建设材料”打印形成书本形式的纸质材料一式6份，快递1份至中国心衰中心认证办公室备案</div>
                      <div>（江苏省苏州工业园区水坊路36号姑苏会平江馆）；其余5份供现场审核时使用。</div>
                    </div>
                    <div>
                      <div>六、现场核查</div>
                      <div>14.现场核查工作小组由三名认证专家及一名认证办公室工作人员组成，提前一天到达申请单位。</div>
                      <div>15.现场核查工作时间是8:30-11:30/13:30-16:30，全程五个环节，第一环节：双方会面；第二环节：相关文件、数据资料核查；第三环节：心衰中心现场核查；第四环节：专家汇总；第五环节：交流与反馈。</div>
                    </div>
                    <div>
                      <div>七、执委会投票</div>
                      <div>心衰中心总部择期组织心衰中心认证专家执委会，汇总认证信息，经执委会全体投票。认证办公室汇总专家在线评审、现场核查的情况和分数，提交执委会讨论，经无记名投票后决定是否通过认证。</div>
                      <div>执委会讨论并投票。认证办公室汇总专家在线评审、现场核查的情况和分数，提交执委会讨论，经无记名投票后决定是否通过认证。</div>
                    </div>
                    <div>
                      <div>八、通过认证</div>
                      <div>专家投票通过的，申请单位正式成为中国心衰中心会员单位，并在中国心衰中心网及微信平台公布，择期安排授牌仪式；</div>
                      <div>认证有效期为3年，申请再认证的心衰中心应在最后有效期达到前4个月在线提交再认证申请，再认证通过者继续使用认证标志，再认证的有效期延迟至5年，未通过者收回认证标志。</div>
                      <div>中国心衰中心总部网站及微信平台实时公布获得或取消认证的心衰中心名称，并同步向社会公众发布。</div>
                    </div>
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证提交</div>
                      <div style="width: 10%;
    height: 30px;
    background: red;
    text-align: center;
    padding-top: 4px;
    font-size: 15px;
    color: #ffff;
    border-radius: 4px;
    margin-left: 71%;" @click="shenhe">提交审核</div>
                    </div>
                    <el-steps :active="1">
                      <el-step title="注册" description="白晨"></el-step>
                      <el-step title="认证提交" description="白晨"></el-step>
                      <el-step title="审核中" description="这段就没那么长了"></el-step>
                      <el-step title="认证结果" description="这段就没那么长了"></el-step>
                    </el-steps>
                    <div class="shenhe">
                      <div class="sh1">
                        <div class="aa">
                          <div class="aa1">医疗机构</div>
                          <el-input
                          style="    margin-top: 8%;"
                            placeholder="A医疗机构"
                            v-model="input"
                            :disabled="true">
                          </el-input>
                        </div>
                        <div class="aa" style="margin-left: 3%;margin-top: 1.5%;">
                          <div class="aa1">心衰中心组织架构时间</div>
                          <el-date-picker
                          style="    margin-top: 8%;"
                            v-model="value1"
                            type="datetime"
                            placeholder="选择日期时间">
                          </el-date-picker>
                        </div>
                        <div class="aa" style="margin-left: 3%;margin-top: 1.5%;">
                          <div class="aa1">是否规范了心衰中心主要环节</div>
                           <el-select v-model="value" placeholder="请选择"
                            style="    margin-top: 8%;">
                            <el-option
                              v-for="item in options"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value">
                            </el-option>
                          </el-select>
                        </div>
                        <div class="aa" style="margin-left: 3%;margin-top: 1.5%;">
                          <div class="aa1">制定心衰中心管理制度</div>
                           <el-select v-model="value2" placeholder="请选择" style="    margin-top: 8%;">
                            <el-option
                              v-for="item in option"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value">
                            </el-option>
                          </el-select>
                        </div>
                      </div>
                      <div class="sh2">
                        <div  class="aa">
                          <div class="aa1">建立区域协调体系</div>
                           <el-select v-model="value3" placeholder="请选择">
                            <el-option
                              v-for="item in option1"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value">
                            </el-option>
                          </el-select>
                        </div>
                        <div class="aa" style="margin-left:3%;">
                          <div class="aa1">录入、审核、归档填报数据时间</div>
                          <el-input
                            placeholder="2019-09-09"
                            v-model="input1"
                            :disabled="true">
                          </el-input>
                        </div>
                        <div class="aa" style="margin-left:3%;">
                          <div class="aa1">填报人员</div>
                          <el-input
                            placeholder="王冕"
                            v-model="input2"
                            :disabled="true">
                          </el-input>
                        </div>
                        <div class="aa" style="margin-left:3%;">
                          <div class="aa1">认证编号</div>
                          <el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number>
                        </div>
                      </div>
                      <div class="sh3">
                        <div>医院相关图：</div>
                        <el-upload
                        style="margin:0 3%"
                        class="avatar-uploader"
                        action=""
                        :show-file-list="false"
                        :on-success="handleAvatarSuccess"
                        :before-upload="beforeAvatarUpload"
                      >
                        <img v-if="imageUrl" :src="imageUrl" class="avatar" />
                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                      </el-upload>
                      <el-upload
                        style="margin:0 3%"
                        class="avatar-uploader"
                        action=""
                        :show-file-list="false"
                        :on-success="handleAvatarSuccess"
                        :before-upload="beforeAvatarUpload"
                      >
                        <img v-if="imageUrl" :src="imageUrl1" class="avatar" />
                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                      </el-upload>
                      <el-upload
                        class="avatar-uploader"
                        action=""
                        :show-file-list="false"
                        :on-success="handleAvatarSuccess"
                        :before-upload="beforeAvatarUpload"
                      >
                        <img v-if="imageUrl" :src="imageUrl2" class="avatar" />
                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                      </el-upload>
                      </div>
                    </div>
                  </div>
                  <div class="text1" v-if="select===2">
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证的目的和意义</div>
                    </div>
                    <div>
                      心力衰竭（心衰）是各种心脏疾病的严重表现或晚期阶段，其发病率有不断增高的趋势，死亡率和再住院率居高不下，是21世纪主要的心血管疾病之一。

2000年流行病学调查显示，我国成人心衰患病率为0.9％。随着我国人口老龄化加剧，冠心病、高血压、糖尿病、肥胖等慢性病的发病呈上升趋势，

医疗水平的提高使心脏疾病患者生存期延长，最终发展为心衰，使得我国心衰患病率持续增高。为规范心衰的诊疗，提高我国心衰的综合防控水平，

中国心血管健康联盟、中华医学会心血管病学分会联系决定，开展中国心力衰竭规范化管理中心建设项目。项目建设目标是“规范心衰的诊治，让每一位心衰患者均能接受到最恰当的治疗，

最大限度降低心衰再住院率和死亡率”。建设方式是通过组建多学科管理团队，推行分级诊疗和双向转诊模式，实施以心衰指南为依据的规范化诊疗和患者长期随访管理，提高心衰的整体诊治水平。
                    </div>
                  </div>
                  <div class="text1" v-if="select===3">
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证的目的和意义</div>
                    </div>
                    <div>
                      心力衰竭（心衰）是各种心脏疾病的严重表现或晚期阶段，其发病率有不断增高的趋势，死亡率和再住院率居高不下，是21世纪主要的心血管疾病之一。

2000年流行病学调查显示，我国成人心衰患病率为0.9％。随着我国人口老龄化加剧，冠心病、高血压、糖尿病、肥胖等慢性病的发病呈上升趋势，

医疗水平的提高使心脏疾病患者生存期延长，最终发展为心衰，使得我国心衰患病率持续增高。为规范心衰的诊疗，提高我国心衰的综合防控水平，

中国心血管健康联盟、中华医学会心血管病学分会联系决定，开展中国心力衰竭规范化管理中心建设项目。项目建设目标是“规范心衰的诊治，让每一位心衰患者均能接受到最恰当的治疗，

最大限度降低心衰再住院率和死亡率”。建设方式是通过组建多学科管理团队，推行分级诊疗和双向转诊模式，实施以心衰指南为依据的规范化诊疗和患者长期随访管理，提高心衰的整体诊治水平。
                    </div>
                  </div>
                  <div class="text1" v-if="select===4">
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证的目的和意义</div>
                    </div>
                    <div>
                      心力衰竭（心衰）是各种心脏疾病的严重表现或晚期阶段，其发病率有不断增高的趋势，死亡率和再住院率居高不下，是21世纪主要的心血管疾病之一。

2000年流行病学调查显示，我国成人心衰患病率为0.9％。随着我国人口老龄化加剧，冠心病、高血压、糖尿病、肥胖等慢性病的发病呈上升趋势，

医疗水平的提高使心脏疾病患者生存期延长，最终发展为心衰，使得我国心衰患病率持续增高。为规范心衰的诊疗，提高我国心衰的综合防控水平，

中国心血管健康联盟、中华医学会心血管病学分会联系决定，开展中国心力衰竭规范化管理中心建设项目。项目建设目标是“规范心衰的诊治，让每一位心衰患者均能接受到最恰当的治疗，

最大限度降低心衰再住院率和死亡率”。建设方式是通过组建多学科管理团队，推行分级诊疗和双向转诊模式，实施以心衰指南为依据的规范化诊疗和患者长期随访管理，提高心衰的整体诊治水平。
                    </div>
                  </div>
                  <div class="text1" v-if="select===5">
                    <div class="title">
                      <div class="line"></div>
                      <div class="tit">中国心衰中心认证的目的和意义</div>
                    </div>
                    <div>
                      心力衰竭（心衰）是各种心脏疾病的严重表现或晚期阶段，其发病率有不断增高的趋势，死亡率和再住院率居高不下，是21世纪主要的心血管疾病之一。

2000年流行病学调查显示，我国成人心衰患病率为0.9％。随着我国人口老龄化加剧，冠心病、高血压、糖尿病、肥胖等慢性病的发病呈上升趋势，

医疗水平的提高使心脏疾病患者生存期延长，最终发展为心衰，使得我国心衰患病率持续增高。为规范心衰的诊疗，提高我国心衰的综合防控水平，

中国心血管健康联盟、中华医学会心血管病学分会联系决定，开展中国心力衰竭规范化管理中心建设项目。项目建设目标是“规范心衰的诊治，让每一位心衰患者均能接受到最恰当的治疗，

最大限度降低心衰再住院率和死亡率”。建设方式是通过组建多学科管理团队，推行分级诊疗和双向转诊模式，实施以心衰指南为依据的规范化诊疗和患者长期随访管理，提高心衰的整体诊治水平。
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /Page Wrapper -->
    </div>
    <!-- /Main Wrapper -->
  </div>
</template>
<script src="../assets/js/jquery-3.6.0.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script  src="../assets/js/script.js"></script>
<script>
export default {
  data() {
    return {
      // msg: "" ,
      select:1,
      zhi:"1",
       input: '',
       input1: '',
       input2: '',
       value1: '',
       value2: '',
       value3: '',
       mageUrl: "",
      imageUrl1: "",
      imageUrl2: "",
       num: 1,
       value: '',
        options: [{
          value: '是',
          label: '是'
        }, {
          value: '否',
          label: '否'
        },],
        option: [{
          value: '是',
          label: '是'
        }, {
          value: '否',
          label: '否'
        },],
        option1: [{
          value: '是',
          label: '是'
        }, {
          value: '否',
          label: '否'
        },],
    };
  },
  mounted(){
    $('#sidebar-menu a').on('click', function(e) {
			if($(this).parent().hasClass('submenu')) {
				e.preventDefault();
			}
			if(!$(this).hasClass('subdrop')) {
				$('ul', $(this).parents('ul:first')).slideUp(350);
				$('a', $(this).parents('ul:first')).removeClass('subdrop');
				$(this).next('ul').slideDown(350);
				$(this).parent().find('a.active').next().slideDown(350);
				$(this).addClass('subdrop');
			} else if($(this).hasClass('subdrop')) {
				$(this).removeClass('subdrop');
				$(this).next('ul').slideUp(350);
				$(this).parent().find('a').next().slideUp(350);
			}
		});
		$('#sidebar-menu ul li.submenu a.active').parents('li:last').children('a:first').addClass('active').trigger('click');
  },
  methods: {
    shenhe(){
      this.axios.post('/api/audit/insertAudit',{
        applyNumber:'1',//添加认证
        name:'1',//姓名
        phone:'2',//手机号
        sex:'1',//性别
        age:'',//年龄
        medicalOrganization:this.input,//医疗机构
        specificationCenter:this.value,//规范心衰中心环节
        manageSystem:this.value2,//管理制度
        coordinate:this.value3,//协调体系
        createTime:'',//创建时间
        updateTime:'',//修改时间
        writtenBy:this.input2,//填写人员
        status:'',//审核状态(0审核中1已通过2已拒绝)
        file:'',//文件地址
        reject:'',//拒绝原因
      }).then(res=>{
        console.log(res)
      
      })
    },
    password(){
      this.$router.push("/password")
    },
    zhgl(){
      this.$router.push("/zhgl")
    },
    czrz(){
      this.$router.push("/czrz")
    },
    myrenzheng(){
      this.$router.push("/myrenzheng")
    },
    myyy(){
      this.$router.push("/myyy")
    },
    rzsh(){
      this.$router.push("/rzsh")
    },
    yygzt(){
      this.$router.push("/yuyue")
    },
    shebei(){
      this.$router.push("/sbguanli")
    },
    fenlei(){
      this.$router.push("/sbfenlei")
    },
    jixiao(){
      this.$router.push("/")
    },
    add(){
      this.$router.push("/xinzeng");
    },
    handleChange(value) {
        console.log(value);
      },
    dianji(val){
      this.zhi=val;
      this.select=val;
      console.log(this.zhi)
    },
    handleClick(tab, event) {
      console.log(tab, event);
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    },
  },
  // async created() {
  //   this.msg = await this.axios.post("/xs_demo", { name: "我是姓名" });
  // },
};
</script>

<style src="../assets/css/bootstrap.min.css"></style>
<style src="../assets/plugins/fontawesome/css/fontawesome.min.css"></style>
<style src="../assets/plugins/fontawesome/css/all.min.css"></style>
<style src="../assets/css/feather.css"></style>
<style src="../assets/css/style.css"></style>
<style scoped>
/deep/.el-dialog{
  width: 40%;
}
</style>
<style lang="less"  scoped>

.con {
  text-align: center;
  background: white;
  display: flex;
  flex-direction: row;
  .con_title {
    display: flex;
    flex-direction: row;
    width: 80%;
    .active{
      background: rgb(190, 47, 46);
      color: #ffff !important;
      border: 0;
    }
    #title_div0 {
      font-size: 16px;
      width: 15%;
      padding: 0.5%;
      border: 2px solid rgb(204, 204, 204);
      border-right: 0;
      color: rgb(204, 204, 204);
      font-weight: 600;
      padding-top: 1%;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }
    #title_div1 {
      font-size: 16px;
      width: 15%;
      padding: 0.5%;
      border: 2px solid rgb(204, 204, 204);
      border-right: 0;
      padding-top: 1%;
      color: rgb(204, 204, 204);
      font-weight: 600;
    }
    #title_div2 {
      font-size: 16px;
      width: 15%;
      padding: 0.5%;
      border: 2px solid rgb(204, 204, 204);
      border-right: 0;
      padding-top: 1%;
      color: rgb(204, 204, 204);
      font-weight: 600;
    }
    #title_div3 {
      font-size: 16px;
      width: 15%;
      padding: 0.5%;
      padding-top: 1%;
      border: 2px solid rgb(204, 204, 204);
      color: rgb(204, 204, 204);
      font-weight: 600;
      border-right: 0;
    }
    #title_div4 {
      font-size: 16px;
      width: 15%;
      padding: 0.5%;
      padding-top: 1%;
      border: 2px solid rgb(204, 204, 204);
      color: rgb(204, 204, 204);
      font-weight: 600;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }
  }
}
.text{
  .title{
    display: flex;
    flex-direction: row;
    .line{
      background: rgb(190, 47, 46);
      width: 5px;
      height: 30px;
    }
    .tit{
      font-size: 20px;
      font-weight: 600;
    }
  }
  .shenhe{
    width: 100%;
    padding-bottom: 30px;
    background: rgb(237,238,250);
    .sh1{
      display: flex;
      flex-direction: row;
          margin-top: 2%;
          .aa{
            margin-top: 2%;
            .aa1{
              margin-top: 1%;
            }
          }
    }
    .sh2{
      display: flex;
      flex-direction: row;
          margin-top: 2%;
          .aa{
            margin-top: 2%;
            .aa1{
              margin-top: 1%;
            }
          }
    }
    .sh3{
      display: flex;
      flex-direction: row;
          margin-top: 2%;

      .avatar-uploader {
      border: 1px solid rgb(204, 204, 204);
    }
    .avatar-uploader .el-upload {
      border: 1px solid #d9d9d9;
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }
    .avatar-uploader .el-upload:hover {
      border-color: #409eff;
    }
    .avatar-uploader-icon {
      font-size: 28px;
      color: rgb(249, 249, 249);
      width: 140px;
      height: 140px;
      line-height: 140px;
      text-align: center;
    }
    .avatar {
      width: 140px;
      height: 140px;
      display: block;
    }
    }
  }
}
.text1{
  .title{
    display: flex;
    flex-direction: row;
    .line{
      background: rgb(190, 47, 46);
      width: 5px;
      height: 30px;
    }
    .tit{
      font-size: 20px;
      font-weight: 600;
    }
  }
}

</style>
